.detial-container{
      background: none;
      height: 100%;
    header{
        height: .515rem;
        background: #e54847;
        display: flex;
        align-items: center;
        padding-right: .5rem;
        .ico{
            display: inline-block;
            padding: 0 .15rem;
            width: .525rem;
            height: .5rem;
            line-height: .5rem;
            font-size: .4rem;
            color: white;
        }
        h1{
            font-size: .18rem;
            color: white;
            font-weight: 400;
            text-align: center;
            width: 100%;
        }
    }

    main{
        .detial-box{  
            >div{
                display: flex;
                flex-direction: row;
                height: 1.88rem;
                padding: .19rem .3rem .19rem .15rem;  
                background: #999;   
                color: #fff;  
            >img{
                width: 1.1rem;
                height: 1.5rem;
            }
            >div{          
             padding-left: .125rem;
                h2{
                    font-size: .2rem;
                    margin: .02rem 0 0 0;
                }
                h6{
                    font-size: .12rem;
                    
                }
                .score{
                    font-size: .18rem;
                    color: #fc0;
                    font-weight: 700;
                    margin: .05rem 0 0 0;
                }
                .movies{
                    font-size: .12rem;
                }
                .country{
                    font-size: .12rem;
                    margin: .1rem 0 0 0;
                }
                .time{
                    font-size: .12rem;
                    margin: .1rem 0 0 0;
                }
            }
        }
        }
    .date{      
        ul{
            height: .424rem;
            padding-left: .045rem;
            width: 100%;
            @include border(0 0 2px 0, #e8e8e8); 
             overflow: scroll;
             white-space: nowrap;
            li{    
             display: inline-block;          
             width: 1.15rem;
             height: 100%;          
             text-align: center;
             line-height: .424rem;
             font-size: .14rem;
             color: #666;
             &.active-date{
                 color: #f03d37;
                 border-bottom: 2px solid #f03d37;
             }
            }
        }
    } 
       .item-city{
        >ul{
            display: flex;
            flex-direction: row;
        }
        li{
            height: .4rem;
            text-align: center;
            line-height:.4rem;
            flex: 1;
            font-size: .13rem;
            color: #777;
            @include border(1px , #e8e8e8); 

        }
    } 
    .detial-cinema{ 
        height: 100%;
        ul{
          //  display: flex;
          //  flex-direction: column;
             overflow: scroll;
             height: 5rem;
            li{
                display: flex;
                padding: .13rem .15rem;
                height: 1.416rem;
                flex-direction: column;
            @include border(0 0 1px 0 , #e8e8e8); 
                h3{
                color:#000;
                font-size: .16rem;
                >span{
                  color: #f03d37;
                  em{
                      font-size: .11rem;
                      margin: 0 0 0 .03rem;
                  }
                }
                }
                p{
                    line-height: .23rem;
                }
                .adress{
                    font-size: .13rem;
                    color: #666;
                    display: flex;
                    justify-content: space-between;
                }
                .special{
                    span{
                        text-align: center;
                        line-height: .15rem;
                        height: .15rem;
                        border-radius: .02rem;
                        margin: 0 .03rem;
                        font-size: .096rem;
                    }
                 .spn1,.spn2 {
                 padding: 0 .03rem;
                    border: 1px solid #589daf;
                    color:#589daf ;
                 }  
                 .spn3,.spn4{
                    border: 1px solid #f90;
                    color:#f90 ;
                 }
                }
                .discount{
                    font-size: .11rem;
                    color: #999;
                }
             .start{
                 font-size: .12rem;
                 color: #999;
                 .clock2{   
                      padding: 0 0 0 .07rem;
                     margin: 0 0 0 .13rem;
                     border-left: 1px solid #999;
                 }
             }   
            }
        }
    }
    }
}